<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>登录</title>
	<link rel="stylesheet" href="css/base.css" />
	<link rel="stylesheet" href="css/login.css" />
	<script data-main="/js/app" th:src="@{/lib/jquery-1.10.2.min.js}"></script>
	<script type="text/javascript" th:src="@{/lib/layer.js}"></script>
	<script type="text/javascript" th:src="@{/js/login.js}"></script>
	
</head>
<body>
	<div class="main">
		<div class="tophead"><img src="images/lgoinIcon.png" alt="" />无线微功耗气体检测报警系统</div>
		<!-- 内容 -->
		<div class="logoMain">
			<div class="logoIn">
				<div class="welcome"><p>用户登录</p><p><span></span></p></div>
					<div class="user">
						<div class="userIn"><i class="userIcon"></i>
							<input type="text" id="username" name="username" placeholder="请输入用户名或邮箱" onchange="inputChange()" class="inText">
						</div>
						<div class="userIn"><i class="keyIcon"></i>
							<input type="password" id="password" name="password" placeholder="请输入密码" onchange="inputChange()"  class="inText">
						</div>
					</div>
					<div class="logOn"><a onclick="onLogin()">登录</a></div>
					<div style="color:#fff;text-align:right;margin-top: 10px" onclick="openSynchBox()">同步数据</div>
					<div id="errorHint" style="margin-top:20px;color:#f00;font-size:20px; text-align: center;display:none;">
						用户名或密码不能为空
					</div>
			</div>	
		</div>
		<!-- footer -->
		<div class="footer">©ALIMAMA MUX, powered by alimama THX.法律声明</div>
	</div>
	<!-- 弹出蒙版 -->
	<div class="black" id="syBlack" style="display:none"></div>
	<div class="syBox" id="syBox" style="display:none">
		<div class="dataDiv">
			<div class="syTop">同步数据<span class="closeBtn" onclick="closeSyBox()"></span></div>
			<div class="syCont">
				<div class="ctDiv">
					<div class="ca cf mb20">
						<label class="fl ctName">用户名</label>
						<div class="fl ctInto"><input id="syUsername" type="text" placeholder="请输入用户名或邮箱"/></div>
					</div>
					<div class="ca cf">
						<label class="fl ctName">密码</label>
						<div class="fl ctInto"><input id="syPassword" type="password" placeholder="请输入密码"/></div>
					</div>
				</div>
			</div>
			<div class="btnBox">
				<input type="button" value="关闭" onclick="closeSyBox()"/>
				<input type="button" value="同步" class="sybtn" onclick="onSynch()" />
			</div>
		</div>
	</div>
</body>
</html>